// 測試距離顯示功能
// 模擬崗位數據，測試距離字段的顯示邏輯

console.log('=== 距離顯示功能測試 ===\n')

// 測試數據
const testJobs = [
  {
    id: 'job_001',
    title: '普工崗位',
    location: '東莞高步電子廠 廣東省東莞市',
    distance: 5.2,
    salary: '22元/時'
  },
  {
    id: 'job_002', 
    title: '技術員崗位',
    location: '深圳華為工廠 廣東省深圳市',
    distance: null,
    salary: '25元/時'
  },
  {
    id: 'job_003',
    title: '管理崗位', 
    location: '惠州TCL工廠 廣東省惠州市',
    distance: 0,
    salary: '30元/時'
  },
  {
    id: 'job_004',
    title: '文員崗位',
    location: '廣州富士康 廣東省廣州市',
    distance: 2.8,
    salary: '18元/時'
  }
]

// 測試距離顯示邏輯
function testDistanceDisplay(job) {
  console.log(`崗位: ${job.title}`)
  console.log(`地點: ${job.location}`)
  console.log(`距離: ${job.distance}`)
  
  if (job.distance !== null && job.distance !== undefined) {
    console.log(`顯示: ${job.location} ${job.distance}km`)
  } else {
    console.log(`顯示: ${job.location}`)
  }
  console.log('---')
}

// 執行測試
testJobs.forEach(testDistanceDisplay)

console.log('測試完成！')
console.log('\n說明:')
console.log('- 當 distance 有值時，在地理位置後面直接添加 " 距離km"')
console.log('- 當 distance 為 null 或 undefined 時，只顯示地理位置')
console.log('- 距離樣式與地理位置完全相同（字體、顏色、大小）')
console.log('- 使用空格分隔地理位置和距離信息')
console.log('- 不再使用特殊的顏色、背景或右對齊布局')
